<script setup>
import { onMounted } from "vue";
import Index from "@/views/index.vue";
import { debounce } from "@/tool/screen";
const de = debounce();

onMounted(() => {
  const el_app = document.getElementById("app");
  function set_full() {
    el_app.style.width = window.innerWidth + "px";
    el_app.style.height = window.innerHeight + "px";
  }
  set_full();
  window.addEventListener(
    "resize",
    () => {
      de.run(set_full, 480);
    },
    {
      passive: true,
      onece: true,
    }
  );
});
</script>

<template>
  <div class="root">
    <Index></Index>
  </div>
</template>

<style lang="scss">
@import "@/assets/wangeditor/style.css";
body {
  padding: 0;
  margin: 0;
  #app {
    max-width: none;
    padding: 0;
    height: 100%;
    
    .root {
      height: 100%;
    }
  }
  .stand-font-size{
    font-size: 13.3px;
  }
}
</style>
